<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
		<title>Scotiabank | Consejos - Mi nueva casa</title>
		<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script>
		<!-- include the Tools -->
		<script type="text/javascript" src="../js/jquery.tools.min.js"></script>
		
		<!-- required CSS files -->
		<link rel="stylesheet" type="text/css" href="../css/grid.css" media="screen">
		<link rel="stylesheet" type="text/css" href="../css/style.css">
		<link rel="stylesheet" type="text/css" href="../css/overlay-basic.css">
		<link rel="stylesheet" type="text/css" href="../css/tabs-slideshow.css">
		
		<!-- contactenos -->
		<script type="text/javascript">
			function MM_openBrWindow(theURL, winName, features) {//v2.0
				window.open(theURL, winName, features);
			}

			/*function verInfo(ver01) {
			 var elemLevel2 = document.getElementById(ver01);
			 if(elemLevel2.style.display == 'none') {
			 elemLevel2.style.display = '';
			 } else {
			 elemLevel2.style.display = 'none';
			 }
			 }*/
		</script>
		<script type="text/javascript">
			$(document).ready(function(e) {
				window.setInterval(cambiarImagen, 3000)
				$("#galeria a").css("opacity", 0);
				$("#galeria a.sobre").css("opacity", 1);

				$("#galeria .descripcion").css("opacity", 0);
				$("#galeria .descripcion").animate({
					opacity : 0.7
				}, 1000);

				var titulo = $("#galeria a.sobre").find("img").attr("rel")
				$("#galeria .descripcion").html(titulo)
				function cambiarImagen() {
					var actual = $("#galeria a.sobre") ? $("#galeria a.sobre") : $("#galeria a:first");
					/*Asi se indica que la varible actual represente al vinculo que usa la clase sobre si es que existe, sino representará ala primer elemento*/
					var siguiente = actual.next().length ? (actual.next().hasClass("descripcion") ? $("#galeria a:first") : actual.next()) : $("#galeria a:first");
					//Con hasClass se está preguntando si determinado elemento tiene la clase "descripcion"
					siguiente.addClass("sobre");
					//Asi se le agrega la clase sobre
					actual.removeClass("sobre");
					//Asi se le quita la clase sobre

					siguiente.animate({
						opacity : 1
					}, 1000)
					actual.animate({
						opacity : 0
					}, 1000)
					var titulo = siguiente.find("img").attr("rel")
					/*$("#galeria .descripcion").html(titulo).css("opacity", 0).animate({
						opacity : 0.7
					}, 1000);*/
					}
	/* aquí inicia el query para el acordion de los subtitulos */
	/* esto hay que copiar en todas las páginas*/
				 $('.accordion dd').hide();
       $('.accordion dt a').click(function(){
          if ($(this).hasClass('selected')) {
               $(this).removeClass('selected');
               $(this).parent().next().slideUp();
          } else {
               $('.accordion dt a').removeClass('selected');
               $(this).addClass('selected');
               $('.accordion dd').slideUp();
               $(this).parent().next().slideDown();
          }
          return false;
       });
	/* aquí termina query de acordion*/


			});
		</script>
		<style type="text/css">
#galeria {
	width: 170px;
	height: 110px;
	position: relative;
}
#galeria a {
	float: left;
	position: absolute;
}
.sobre {
	z-index: 9;/*controla el nivel de profundidad, mayor valor esta encima*/
			}
.accordion {
 dt, dd {
 padding: 10px;
 border: 1px solid black;
 border-bottom: 0;
 &:last-of-type {
 border-bottom: 1px solid black;
}
 a {
 display: block;
 color: black;
 font-weight: bold;
}
}
dd {
	border-top: 0;
	font-size: 12px;
 &:last-of-type {
 border-top: 1px solid white;
 position: relative;
 top: -1px;
}
}
}
</style>
	</head>
	<body id="interna">
		<div id="container" class="zindex">
			<div class="header">
				<img src="../img/header.png" border="0" usemap="#Map" alt="Scotiabank">
				<map name="Map">
					<area shape="rect" coords="10,4,224,57" href="../index.html" alt="Consejos">
					<area shape="rect" coords="730,17,756,46" href="../index.html" alt="Consejos">
				</map>
			</div>
			<div class="image zindex">
				<img src="../photos/casa1.jpg" border="0" alt="Casa">
				<ul>
					<li>
						<div class="r-box p-bg">
							<div class="tit-banner">
								Consejos Relacionados
							</div>
							<!-- "previous slide" button --> 
							<a class="backward">back</a> 
							<!-- container for the slides -->
							<div id="galeria">
								<a href="ahorrar_la_inicial.html" class="sobre"><img src="../img/f-bgcasa2.png" alt="Ahorrar la inicial" border="0"></a> <a href="ampliar_o_renovar.html"><img src="../img/f-bgcasa3.png" alt="" border="Ampliar o renovar"></a> <a href="mi_casa_de_playa_o_campo.html"><img src="../img/f-bgcasa4.png" alt="Mi casa de playa o campo" border="0"></a>
							</div>
							<!-- "next slide" button --> 
							<a class="forward">forward</a> 
							<!-- the tabs -->
							<div class="slidetabs">
								<a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a> <a href="#">&#32;</a>
							</div>
						</div>
					</li>
					<li> <a href="../calculadora/hipotecario.html">
						<div class="r-box"  style="margin-left:-08px; padding-top:10px;">
							<h2>¿Podré pagarlo?</h2>
							<p>
								Vive como soñaste <br>
								Calcula cómo
							</p>
							<p>
							</p>
							<img class="b-rigt" style="right: 11px; bottom: 1px;" src="../img/calc.png" border="0" alt="Calc"> <img style="padding-top: 20px; float: left;" src="../img/btn-ingresar.png" border="0" alt="Ingresar">
						</div>
						</a> </li>
				</ul>
			</div>
			<div class="content">
				<div class="title">
					<h1><img src="../img/tit-casa1.png" border="0" alt="Mi nueva casa"></h1>
				</div>
				<p class="bajada3">
					Probablemente sea la compra más importante de tu vida. Infórmate para hacerla bien…
				</p>
				<br>
				<div style="overflow:auto; height:298px; padding-right:10px; overflow-x:hidden">
					<dl class="accordion">
						<dt> <a href="">
							<p class="Texto_Titulo3">
								¿Dónde comienzo?
							</p>
							</a> </dt>
						<dd>
							<ul style="margin-left: 20px" class="Texto_Normal">
								<li> Comienza definiendo tus necesidades, en base a tu situación: ¿eres soltero? ¿acabas de formar una familia? ¿o estás pensando en iniciar una? ¿tienes hijos? ¿bebés, niños o adolescentes? </li>
								<li> Ahora considera tus necesidades, en términos de número de habitaciones, ubicación o cocheras en comparación con tu <a href="#" class="link"> capacidad de pago.</a> </li>
								<li> Con ambas cosas claras, podrás emprender la búsqueda de la mejor opción. </li>
							</ul>
						</dd>
						<dt> <a href="#">
							<p class="Texto_Titulo3">
								Unos consejos para elegir bien…
							</p>
							</a> </dt>
						<dd>
							<p class="Texto_Normal">
							<ul style="margin-left: 20px" class="Texto_Normal">
								<li> Un departamento o casa en planos tiene un precio menor en 10 a 15% que cuando ya está terminado. </li>
								<li> La primera compra de un inmueble (en plano o de estreno) no está gravada con el 3% del valor de venta que es el impuesto de alcabala. </li>
								<li> El <a href="http://www.scotiabank.com.pe/p_prest_hipo.html" target="_blank" class="link">Préstamo Hipotecario</a> te permitirá acceder a comprar tu nueva casa. Recuerda, sin embargo,  que es indispensable contar con la <a alt="En general al aportar una inicial más alta, obtendrás una menor cuota mensual o un plazo menor para tu crédito." class="tool-link">cuota inicial</a> y que la <a href="../Basicos/cuota_mensual_ideal_a_pagar.html" class="tool-link" alt="Según norma común tus pagos por deudas (todas tus deudas) no deberían pasar del 30% de tu ingreso neto disponible." >cuota mensual</a> esté a tu alcance, para lo cual es crucial decidir el mejor <span class="zindex tool-center"><a alt="El plazo más adecuado es aquel que te permite pagar una cuota mensual que puedas pagar con comodidad..." href="../Basicos/plazo_que_me_conviene_tomar_un_credito.html" class="tool-link">plazo</a>. </span> </li>
							</ul>
							<p class="Texto_Normal">
								Luego de comprar tu casa, viene una etapa muy importante…decorarla y equiparla. Si quieres comprar los muebles, la cama o la refri una buena opción es pedir una ampliación de tu <a href="http://www.scotiabank.com.pe/p_prest_hipo.html" target="_blank" class="link">Préstamo Hipotecario</a>, para así aprovechar la tasa, que siempre es más baja que la de un Préstamo Personal.
							</p>
							<br>
							<p class="Texto_Normal">
								Si necesitas más información no dudes en <a href="javascript:;" onclick="MM_openBrWindow('http://www.scotiabank.com.pe/forms/contactenos.aspx','contacto','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,width=688,height=500,top=100,left=125')" class="link">contactarnos</a>.
							</p>
							<div class="facebook">
								<script type="text/javascript">
									function dominio_base() {
										url_site = document.location.href

										return url_site;
									}

									var url = dominio_base().toString();
									document.write('<iframe src="//www.facebook.com/plugins/like.php?href=' + url + '&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:35px;" allowTransparency="true"></iframe>');

								</script>
							</div>
						</dd>
					</dl>
				</div>
			</div>
			<div class="left-bar">
				<ul>
					<li style="margin-bottom:10px;"></li>
					<li>
						<div class="r-box" id="div_r-box">
							<!--Consejos de la banca-->
						</div>
					</li>
					<li>
						<div class="r-box">
							<h2>Hacer más con mi dinero</h2>
							<p>
								Descubre las ventajas que <br>
								te da ser cliente del <br>
								Scotiabank
							</p>
							<table width="100%">
								<tr>
									<td height="15"></td>
								</tr>
								<tr valign="bottom">
									<td width="50%"><a target="_blank" href="http://www.scotiapuntos.com.pe/"><img src="../img/scotia-puntos.png" border="0" alt="Scotia puntos"></a></td>
									<td><a target="_blank" href="http://www.scotiabank.com.pe/clubsueldo/"><img  src="../img/clubsueldo.png" border="0" alt="Clubsueldo"></a></td>
								</tr>
							</table>
						</div>
					</li>
					<li>
						<div id="div_r-box4">
						</div>
					</li>
				</ul>
			</div>
			<div class="clear">
			</div>
			<div id="div_footer">
			</div>
		</div>
		<br clear="all">
		<script type="text/javascript" src="../js/myJQ.js"></script> 
		<script type="text/javascript" src="../js/rutas-adds.js"></script> 
		<script type="text/javascript" src="../js/jquery.utils.js"></script> 
		<script type="text/javascript">
			$(function() {
				value = $.cookie("visit");
				(value % 3) == 0 ? $(".sendMail").fadeIn(500) : $(".sendMail").fadeOut(300);
				if(value == "delete") {
					$(".sendMail").hide();
				}
				$("#galeria a").click(function() {
					var newValue = ++value;
					$.cookie("visit", newValue);

					//console.log(value);

				});

			});
		</script>
		<div class="sendMail" style="display:none;">
			<div class="bundle">
				<span id="closeForm"></span>
				<div class="close-message">
					<p style="padding-top:10px;">
						Si no desea ver éste mensaje haga click <a id="closeSendMail" href="#">aquí</a>
					</p>
					<p class="small">
						*Campos obligatorios
					</p>
				</div>
				<!--<iframe allowtransparency="true" scrolling="no" src="http://www.infomedicaperu.com/consejeriasbk_final3/formul_reg.aspx" frameborder="0" height="460" width="375"></iframe>-->
			</div>
		</div>
		<div class="tooltip">
			<div class="head-tool">
			</div>
			<p>
			</p>
			<div class="foot-tool">
			</div>
			<div class="arrow-tool">
			</div>
		</div>
		<script language="JavaScript" type="text/javascript" src="https://apps.scotiabank.com/inc/omnitureperu.js"></script>
	</body>
</html>